<!DOCTYPE html>
<html>
    <head>
        <title>淑女甜品屋</title>
        <meta charset="utf-8">
        <style type="text/css">
            body{
               width: 100%;
               height: 100%;
               margin:0;
               padding:0;
               overflow: hidden;
               background-color: rgba(255, 192, 203, 0.181);
            }
           .main{
                width: 1400px;
               overflow: hidden;
               margin:20px auto;
               /*border:1px solid black; */
            }
            .top{
                width:1390px;
                height:50px;
                display:flex;
                justify-content: space-between;
                /*border:2px solid black;*/
            }
            .top-left{
                padding-top:0px;
               width:200px;
               height:50px;
               line-height: 50px;
               text-align: center;
               font-size:30px;
               
                border-radius: 10px;
               border:2px solid black;
               background-color:rgba(244, 160, 174, 0.537) ;
            }
            .top-right{
                width:px;
                height:30px;
                font-size: 50px;
                font-style: italic;
                line-height: 50px;
                color: rgb(212, 174, 197);
               /* margin-top: 20px;*/
                /*margin-right: 200px;*/
                border-radius: 5px;
                /*background-color:rgba(244, 160, 174, 0.537) ;*/
              /* border:2px solid black;*/
            }
            .content{
                width:1390px;
                height:800px;
               /* border:1px solid black;*/
                padding-top:20px;
            }
            .content-top{
                width:1390px;
                height:300px;
                display:flex;
                justify-content: space-between;
                margin-bottom:20px;
               /* border:1px solid black;*/
            }
            .content-top-left{
                width:600px;
                height:300px;
                padding-left: 6px;
                border-radius: 10px;
                display:flex;
                border:2px solid black;
            }

            .tu1 img{
                height:299px;
            }
            .tu1text{
                margin-left:20px;
                width:340px;
                
               /* border:1px solid black;*/
            }
            h3{
                text-align: center;
            }
            span{
                line-height: 30px;
            }
            .content-top-right{
                width:600px;
                height:300px;
                padding-left: 6px;
                border-radius: 10px;
                display:flex;
                border:2px solid black;
            }
            .tu2 img{
                height:299px;
            }
            .tu2text{
                margin-left:20px;
                width:340px;
                /*border:1px solid black;*/
            }
            .content-bottom{
                width:1390px;
                height:300px;
                display:flex;
                justify-content: space-between;
               /* border:1px solid black;*/
            }
            .content-bottom-left{
                width:600px;
                height:300px;
                padding-left: 6px;
                border-radius: 10px;
                display:flex;
                border:2px solid black;
            }
            .tu3 img{
                height:299px;
            }
            .tu3text{
                margin-left:20px;
                width:340px;
                /*border:1px solid black;*/
            }
            .content-bottom-right{
                width:600px;
                height:300px;
                padding-left: 6px;
                border-radius: 10px;
                display:flex;
                border:2px solid black;
            }
            .tu4 img{
                height:299px;
            }
            .tu4text{
                margin-left:20px;
                width:340px;
               /* border:1px solid black;*/
            }
           
        </style>
    </head>
    <body>
       <div class="main">
        <div class="top">
         <div class="top-left"><b>淑女甜品屋</b></div>
         <div class="top-right">这个冬天，肯定少不了毛茸茸</div>
        </div>
         <div class="content">
            <div class="content-top">
                <div class="content-top-left">
                    <div class="tu1"><img src="static/img/tu1.jpg"></div>
                    <div class="tu1text"><h3>毛茸茸配饰</h3>
                        <span>冬季天气冷，戴帽子是很多小淑女的选择，一款毛茸茸的鸭舌帽或者渔夫帽能让你的整体搭配更加抢眼，绝对是保暖和时尚兼具。不爱戴帽子的小淑女也不用担心，还有毛茸茸的头饰等着你哦，毛茸茸的发卡既能显现你的精致五官，又能平添很多可爱和俏皮。</span>
                    </div>
                </div>
                <div class="content-top-right">
                    <div class="tu2"><img src="static/img/tu2.jpg"></div>
                    <div class="tu2text"><h3>毛茸茸外套</h3>
                        <span>在没有暖气的南方，怎么少得了一款毛茸茸的外套呢?不过穿毛茸茸的外套一定要注意穿搭技巧，因为本身毛绒外套会略显臃肿，所以建议小淑女们如果不是特别冷的天气可以不拉拉链，会显得更随性，当然如果你喜欢oversize(宽松、肥大)风格，可以选择大码的毛绒外套，它会让你自带温暖光环哦!</span>
                    </div>
                </div>
            </div>
            
            <div class="content-bottom">
                <div class="content-bottom-left">
                    <div class="tu3"><img src="static/img/tu3.jpg"></div>
                    <div class="tu3text"><h3>毛茸茸包包</h3>
                        <span>寒冷的冬天，谁能抵挡住一款毛茸茸的包包的诱惑?可爱又温暖，百搭又经典，毛茸茸包包的款式也是多种多样，腰包、水桶包，还有羊羔毛款的，保证承包你一整个冬天的可爱!</span>
                    </div>
                </div>
                <div class="content-bottom-right">
                    <div class="tu4"><img src="static/img/tu4.jpg"></div>
                    <div class="tu4text"><h3>毛茸茸家居用品</h3>
                        <span>这个冬天如果说有什么能够治愈你，那肯定少不了一件让你称心如意的毛茸茸家居用品，不管毛茸茸的拖鞋、家居服，还是披风，都能快速提升居家幸福感，又好看又保暖，简直可爱到爆!</span>
                    </div>
                </div>
            </div>
         </div>
        
       </div>
    </body>
</html>